<template>
  <div class="h-top">
    <div class="centent">
      <span class="iconfont icon-shangjiantou" @click="goBack"></span>
      <b>热门</b>
    </div>
  </div>
</template>

<script>
export default {
  name: "Header",
  //   data() {
  //     return {
  //       msg: "hi",
  //     };
  //   },
  methods: {
    goBack() {
      this.$router.back();
    },
  },
};
</script>

<style scoped>
/* @import url(../../assets/font1/iconfont.css); */
.h-top {
  width: 100%;
  height: 0.5rem;
  display: flex;
  top: 0;
  /* background-color: navy; */
  border-bottom: 1px solid gainsboro;
}
.h-top .centent {
  width: 92%;
  height: 0.5rem;
  line-height: 0.5rem;
  margin: auto;
  /* background-color: yellow; */
}
.h-top .centent span {
  margin-right: 0.1rem;
}
/* .icon-fangdajing {
  position: absolute;
  left: calc(5% + 0.1rem);
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.25rem;
} */
</style>